<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<title>Untitled Document</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function(){
	$('img.linkImgs').each(function(){
		$(this).hover(function(){
			$(this).stop(true,true).animate({height:($(this).height()*110/100),width:($(this).width()*110/100)},800,"easeOutQuint");
		},
		function(){
			$(this).stop(true,true).animate({height:($(this).height()*100/110),width:($(this).width()*100/110)},800,"easeOutQuint");
		});
	});
});
</script>
</head>

<body>
<div style="width:100%;">
    <div id="Wrapper">
                        <div  class="div1_images_index">
                        <img src="images/glass.png" border="0" usemap="#Map"  />
                        
                       
                        </div>
                        <div>
                          <div style="float:left;">
                          <img class="linkImgs" src="images/compus.png" width="317" height="514" border="0" usemap="#Map2" />
                          <!--<map name="Map2" id="Map2">
                            <area shape="poly" coords="67,57,45,26,73,14,103,7,115,7,118,22,124,37,148,39,185,37,231,48,243,86,231,120,201,147,180,163,179,176,193,182,215,182,242,199,273,221,293,253,308,271,313,309,302,365,288,394,256,433,277,447,301,479,298,505,281,511,238,512,203,512,180,509,173,500,149,460,120,446,102,442,118,458,151,465,59,410,42,349,29,279,16,248,29,202,17,189,5,168,4,128,12,99,25,79" href="page2.html" />
                            
                          </map>-->
                          </div>
                          <div style="float:right;margin-top: 194px;">
                          <img style="right:255px;" class="linkImgs" src="images/book1.png" border="0" usemap="#Map3"  />
                          <img style="right:0px;" class="linkImgs" src="images/book2.png" border="0" usemap="#Map3"  />
                          <!--<map name="Map3" id="Map3">
                            <area shape="poly" coords="36,314,36,163,68,138,118,141,304,140,402,141,427,143,438,146,323,234,318,247,332,267,349,299,355,314,352,315" href="cruise_record" />
                            <area shape="poly" coords="440,146,609,10,641,17,652,14,673,44,693,89,706,114,712,125,705,309,630,318,463,319,395,316,366,318,347,287,334,254,326,247,326,231,332,254,332,238" href="diary" />
                          </map>-->
                          </div>
      </div>
    </div>
 </div>
 
 

</body>
</html>
